<!DOCTYPE html>
<html lang="en">
<head>
	<title>Axes | Portfolio Single</title>

	<meta charset="utf-8">

	<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- Google Fonts -->
	<link href='http://fonts.googleapis.com/css?family=Lato:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="screen">
	
 	<!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
	<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
	
	<link rel="stylesheet" href="css/owl.carousel.css">
	<link rel="stylesheet" type="text/css" href="css/lightbox.min.css" media="all"/>   
	<link rel="stylesheet" type="text/css" href="css/stroke-gap-icons.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/pe-icon-7-stroke.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/elegant-icons.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/font-awesome.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/animate.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/flexslider.css" media="screen" />
	
	<link rel="shortcut icon" href="upload/favicon.ico" type="image/x-icon">
	<link rel="icon" href="upload/favicon.ico" type="image/x-icon">

</head>

<body>
	<!-- Preloader -->
	<div id="preloader">
	    <div id="status">&nbsp;</div>
	</div>

	<header>
	<!-- Navbar -->
	    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
	    	<nav class="navigation">
		      	<div class="container">
			        <div class="navbar-header">
			        	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
				            <span class="sr-only">Toggle navigation</span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
			        	</button>	        	 
						<!-- Logo -->
						<div class="logo">
				        	<a href="index.html">
				        		<img class="small-logo" src="upload/logo-dark.png" alt="logo">
				          	</a>
			        	</div>         
			        </div> <!-- end navbar-header -->

			        <div class="collapse navbar-collapse" id="navbar-collapse">
			          
			        	<ul class="nav navbar-nav navbar-right">

				          	<li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Home</a>
				                <ul class="dropdown-menu sub-menu">
				                	<li><a href="index.html">Multi-Page Demo</a></li>
				                	<li><a href="home-onepage.html">Onepage Demo</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown active">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Portfolio</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="portfolio-4-col.html">4 Columns</a></li>
				                	<li><a href="portfolio-3-col.html">3 Columns</a></li>
				                	<li><a href="portfolio-2-col.html">2 Columns</a></li>
				                	<li><a href="portfolio-single.html">Single Project</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Features</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="shortcodes.html">Shortcodes</a></li>
				                	<li><a href="typography.html">Typography</a></li>
				                	<li><a href="pricing.html">Pricing Tables</a></li>
				          	    </ul>
				            </li>
				            
				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Blog</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="blog-standard.html">Standard</a></li>
				                	<li><a href="blog-masonry.html">Masonry</a></li>
				                	<li><a href="blog-single.html">Single Post</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Pages</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="services.html">Services</a></li>
				                	<li><a href="about-us.html">About Us</a></li>
				                	<li><a href="contact.html">Contact</a></li>
				                	<li><a href="404.html">404</a></li>
				          	    </ul>
				            </li>

				            <li>
				            	<div id="search">
				            		<i class="pe-7s-search search-trigger"></i>
				            	</div>
				            	<div class="search-bar">
					            	<div class="search-wrap">
										<form role="form">
										    <div class="form-group">
											    <input type="search" class="form-control searchbox" placeholder="Search">
									    	</div>
									    	<button type="submit" class="search-button"><i class="pe-7s-search"></i></button>
									    </form>
								    </div>
								</div>
				            </li>
				            <li><div id="cart"><a href="#" id="cart-trigger"><i class="pe-7s-shopbag"></i><span>5</span></a></div></li>		
			        	</ul> <!-- end menu -->
			        </div> <!-- end collapse -->    
	      		</div> <!-- end container -->
	      	</nav> <!-- end navigation -->
	    </nav> <!-- End Navbar -->
	</header>

	<div class="main-wrapper">

	<!-- Page Title -->
		<section id="page-title">
			<div class="container clearfix">
				<h1>Portfolio Single</h1>
				<ol class="breadcrumb">
					<li>
						<a href="index.html">Home</a>
					</li>
					<li>
						<a href="#">Portfolio</a>
					</li>
					<li class="active">
						Portfolio Single
					</li>
				</ol> <!-- end breadcrumbs -->
			</div> <!-- end container -->
		</section> <!-- end page title -->

	<!-- Portfolio Single -->
		<section class="section-wrap portfolio-single">
			<div class="container">
				<div class="row">

					<div class="col-md-8">
						<div id="owl-slider-one-img" class="owl-carousel owl-theme">

							<div class="item">
								<a href="#">
									<img src="upload/portfolio/single_1.jpg" alt="img1">
								</a>
							</div> <!-- end first item -->

							<div class="item">
								<a href="#">
									<img src="upload/portfolio/single_2.jpg" alt="img2">
								</a>
							</div> <!-- end second item -->

							<div class="item">
								<a href="#">
									<img src="upload/portfolio/single_3.jpg" alt="img3">
								</a>
							</div> <!-- end third item -->

						</div> <!-- end owl carousel -->
					</div> <!-- end col -->

					<div class="col-md-4">
						<div class="portfolio-description">
							<h2>Poster Frame PSD Mockup</h2>
							<p>We further know that the subconscious has recorded every event that has ever happened to us. Every incident in our personal history is recorded within, along with the emotions and thoughts evoked by those incidents.  And finally the subconscious is the mechanism through which thought impulses which are repeated regularly.</p>
							<ul>
								<li><span>Date:</span> 15 May, 2015</li>
								<li><span>Category:</span><a href="#"> Mockups</a></li>
								<li><span>Client:</span><a href="#"> Envato</a></li>
							</ul>
							<a href="#" class="btn btn-small btn-rounded btn-blue">Watch Project</a>
							<div class="entry-share">
								<h6>Share:</h6>
								<div class="social-icons light">
									<a href="#"><i class="fa fa-facebook"></i></a>
									<a href="#"><i class="fa fa-twitter"></i></a>
									<a href="#"><i class="fa fa-google-plus"></i></a>
									<a href="#"><i class="fa fa-pinterest-p"></i></a>
									<a href="#"><i class="fa fa-instagram"></i></a>
								</div>
							</div>
						</div>		
					</div> <!-- end col -->
					
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end portfolio single -->

		<!-- Related Projects -->
		<section class="related-projects">
			<div class="container">
				<h4 class="heading-inline">Related Projects</h4>
				<div class="customNavigation right">
					<a class="btn prev"><i class="pe-7s-angle-left"></i></a>
					<a class="btn next"><i class="pe-7s-angle-right"></i></a>
				</div>
				<div class="row mt40">					

					<div id="owl-related-works" class="owl-carousel owl-theme">

						<div class="item">
							<div class="work-item">
								<div class="works-col-3">
									<div class="work-img">
										<a href="#">
											<img src="upload/onepage/portfolio_img_1.jpg" alt="portfolio img1">
										</a>
										<div class="work-overlay">
											<a href="upload/featured_works_big_img_1.jpg" data-lightbox="true" class="btn btn-small btn-rounded btn-light-transparent">View Project</a>
										</div>
									</div>
									<div class="work-description text-center">
										<h3><a href="#">Creative Mockups</a></h3>
										<span><a href="#">Print</a></span>
									</div>
								</div> 
							</div>
						</div> <!-- end item -->

						<div class="item">
							<div class="work-item">
								<div class="works-col-3">
									<div class="work-img">
										<a href="#">
											<img src="upload/onepage/portfolio_img_5.jpg" alt="portfolio img5">
										</a>
										<div class="work-overlay">
											<a href="upload/featured_works_big_img_5.jpg" data-lightbox="true" class="btn btn-small btn-rounded btn-light-transparent">View Project</a>
										</div>
									</div>
									<div class="work-description text-center">
										<h3><a href="#">Awesome Sweaters</a></h3>
										<span><a href="#">Mockups</a></span>
									</div>
								</div> 
							</div>
						</div> <!-- end item -->

						<div class="item">
							<div class="work-item">
								<div class="works-col-3">
									<div class="work-img">
										<a href="#">
											<img src="upload/onepage/portfolio_img_3.jpg" alt="portfolio img3">
										</a>
										<div class="work-overlay">
											<a href="upload/featured_works_big_img_3.jpg" data-lightbox="true" class="btn btn-small btn-rounded btn-light-transparent">View Project</a>
										</div>
									</div>
									<div class="work-description text-center">
										<h3><a href="#">Logo Mockup</a></h3>
										<span><a href="#">Mockups</a></span>
									</div>
								</div> 
							</div>
						</div> <!-- end item -->

						<div class="item">
							<div class="work-item">
								<div class="works-col-3">
									<div class="work-img">
										<a href="#">
											<img src="upload/onepage/portfolio_img_4.jpg" alt="portfolio img4">
										</a>
										<div class="work-overlay">
											<a href="upload/featured_works_big_img_4.jpg" data-lightbox="true" class="btn btn-small btn-rounded btn-light-transparent">View Project</a>
										</div>
									</div>
									<div class="work-description text-center">
										<h3><a href="#">Paper Glasses</a></h3>
										<span><a href="#">Graphics</a></span>
									</div>
								</div> 
							</div>
						</div> <!-- end item -->

					</div> <!-- end owl carousel-->

				</div> <!-- end row -->
					
			</div> <!-- end container -->
		</section> <!-- end related projects-->


		<!-- Call to Action -->
		<section class="call-to-action style-2">
			<div class="container">
				<div class="row">

					<div class="col-sm-8">		
						<h2>Are you Ready to Enjoy? This is Call to Action</h2>
					</div><!-- end col -->
					
					<div class="col-sm-4">
						<a href="#" id="cta-button-solid" class="btn btn-large btn-rounded btn-light-solid">Buy Now</a>
					</div> <!-- end col -->

				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end call to action -->

		
	<!-- Footer -->
		<footer id="footer">
			<div class="container">
				<div class="footer-widgets">
					<div class="row">
						<div class="col-md-3">
							<div class="footer-about-us">
								<h5 class="heading-white">About Us</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious.</p>
								<div class="social-icons">
									<a href="#"><i class="fa fa-facebook"></i></a>
									<a href="#"><i class="fa fa-twitter"></i></a>
									<a href="#"><i class="fa fa-google-plus"></i></a>
									<a href="#"><i class="fa fa-linkedin"></i></a>
									<a href="#"><i class="fa fa-pinterest-p"></i></a>
									<a href="#"><i class="fa fa-instagram"></i></a>
								</div>
							</div>
						</div> <!-- end about us -->

						<div class="col-md-3">
							<h5 class="heading-white">Stay in Touch</h5>
							<div class="office-1">
								<p>New York office</p>
								<p>Phone: + 1 888 1554 456 123</p>
								<p>Email: <a href="mailto:axescompany@gmail.com">axescompany@gmail.com</a></p>
							</div>
							<div class="office-2">
								<p>Melbourne office</p>
								<p>Phone: + 1 888 1554 456 123</p>
								<p>Email: <a href="mailto:axescompany@gmail.com">axescompany@gmail.com</a></p>
							</div>
						</div> <!-- end stay in touch -->

						<div class="col-md-3">
							<h5 class="heading-white">Latest Posts</h5>
							<div class="footer-posts">
								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">Axes is a simple and flexible</a>
									</h6>
									<span>11 Apr, 2015 / <a href="blog-single.html">10 comments</a></span>
								</div> <!-- end entry -->

								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">This is perfect solution for you</a>
									</h6>
									<span>08 Apr, 2015 / <a href="blog-single.html">03 comments</a></span>
								</div> <!-- end entry -->

								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">Clean and flexible theme</a>
									</h6>
									<span>05 Apr, 2015 / <a href="blog-single.html">05 comments</a></span>
								</div> <!-- end entry -->
							</div> <!-- end footer posts -->
						</div> <!-- end latest posts -->

						<div class="col-md-3">
							<h5 class="heading-white">Recent Works</h5>
							<ul class="recent-works">
								<li>
									<a href="#">
										<img src="upload/recent_works_img_1.jpg" alt="img1">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_2.jpg" alt="img2">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_3.jpg" alt="img3">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_4.jpg" alt="img4">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_5.jpg" alt="img5">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_6.jpg" alt="img6">
									</a>
								</li>
							</ul>
						</div> <!-- end recent works -->
					</div> <!-- end row -->
				</div> <!-- end footer widgets -->			
			</div> <!-- end container -->

			<div class="bottom-footer">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 text-center">
							<div class="copyright">
								©2015 Axes Theme  |  Designed by <a href="http://deothemes.com/">DeoThemes</a>
							</div>
						</div> <!-- end col -->
					</div> <!-- end row -->
				</div> <!-- end container -->
			</div> <!-- end bottom footer -->
		</footer> <!-- end footer -->

		<div id="back-to-top">
			<a href="#top"><i class="fa fa-angle-up"></i></a>
		</div>

	</div> <!-- end main-wrapper -->
	

	<!-- jQuery Scripts -->
	<script src="js/jquery.min.js"></script>
 	<script type="text/javascript" src="js/lightbox.min.js"></script>	
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/bootstrap-hover-dropdown.min.js"></script>
	<script type="text/javascript" src="js/owl.carousel.min.js"></script>
	<script type="text/javascript" src="js/jquery.countTo.js"></script>
	<script type="text/javascript" src="js/jquery.appear.js"></script>
	<script type="text/javascript" src="js/plugins-scroll.js"></script>
	<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.min.js"></script>
	<script type="text/javascript" src="js/jquery.easypiechart.min.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
	<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
	<script src="js/wow.min.js"></script>

	<!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
	<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

	<!-- Custom Theme JavaScript -->
    <script src="js/scripts.js"></script>

	<!-- Revolution Slider -->
	<script type="text/javascript">
				jQuery(document).ready(function() {
					   jQuery('.tp-banner').revolution(
						{
							delay:9000,
							startwidth:1170,
							startheight:680,
							hideThumbs:10,

							navigationType:"bullet",							
							navigationStyle:"preview1",

							hideArrowsOnMobile:"on",
							
							touchenabled:"on",
							onHoverStop:"on",
							spinner:"spinner4"
						});
				});
	</script>

</body>
</html>